<page-container>
  <data-form [showReset]="false" [button]="button" [action]="action">
    <ng-template #button>
      <ql-button size="small" type="primary">全选</ql-button>
    </ng-template>
    <ql-form-item label="群组名称">
      <ql-input></ql-input>
    </ql-form-item>
    <ql-form-item label="群组状态">
      <ql-input></ql-input>
    </ql-form-item>
    <ng-template #action>
      <ql-button type="success" (click)="modalRef.close(true)">提交</ql-button>
    </ng-template>
  </data-form>
  <data-table [model]="groupList">
    <ql-table-column model-key="code" label="群组编号"> </ql-table-column>
    <ql-table-column model-key="name" label="群组名称"> </ql-table-column>
    <ql-table-column model-key="description" label="群组描述"> </ql-table-column>
    <ql-table-column model-key="createTime" label="创建时间"> </ql-table-column>
    <ql-table-column model-key="creator" label="创建人"> </ql-table-column>
    <ql-table-column model-key="count" label="客户数量"> </ql-table-column>
    <ql-table-column model-key="state" label="群组状态"> </ql-table-column>
    <ql-table-column label="操作" width="280">
      <ng-template #slot let-scope="scope">
        <ql-button type="text">编辑</ql-button>
        <ql-button type="text">群组成员查询</ql-button>
        <ql-button type="text">删除</ql-button>
      </ng-template>
    </ql-table-column>
  </data-table>
</page-container>
